<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>learn how to build your Blog | ACERY</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="利用hexo和github搭建个人博客网站针对window
知识储备前提

有github账号
会使用git命令
一定要配置好ssh keys
知道如何创建新的仓库
了解Node.js,npm,以及hexo 

环境配置

git：https://git-scm.com/download/win
node.js：http://nodejs.cn/

针对零基础开发者的知识链接

git入门：htt">
<meta property="og:type" content="article">
<meta property="og:title" content="learn how to build your Blog">
<meta property="og:url" content="http://yoursite.com/2016/11/17/learn-how-to-build-your-Blog/index.html">
<meta property="og:site_name" content="ACERY">
<meta property="og:description" content="利用hexo和github搭建个人博客网站针对window
知识储备前提

有github账号
会使用git命令
一定要配置好ssh keys
知道如何创建新的仓库
了解Node.js,npm,以及hexo 

环境配置

git：https://git-scm.com/download/win
node.js：http://nodejs.cn/

针对零基础开发者的知识链接

git入门：htt">
<meta property="og:updated_time" content="2016-11-17T12:52:36.533Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="learn how to build your Blog">
<meta name="twitter:description" content="利用hexo和github搭建个人博客网站针对window
知识储备前提

有github账号
会使用git命令
一定要配置好ssh keys
知道如何创建新的仓库
了解Node.js,npm,以及hexo 

环境配置

git：https://git-scm.com/download/win
node.js：http://nodejs.cn/

针对零基础开发者的知识链接

git入门：htt">
  
  
    <link rel="icon" href="/favicon.png">
  
  
    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  
  <link rel="stylesheet" href="/css/style.css">
  

</head>

<body>
  <div id="container">
    <div id="wrap">
      <header id="header">
  <div id="banner"></div>
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <h1 id="logo-wrap">
        <a href="/" id="logo">ACERY</a>
      </h1>
      
    </div>
    <div id="header-inner" class="inner">
      <nav id="main-nav">
        <a id="main-nav-toggle" class="nav-icon"></a>
        
          <a class="main-nav-link" href="/">主页</a>
        
          <a class="main-nav-link" href="/categories/JS">JavaScript</a>
        
          <a class="main-nav-link" href="/categories/CS">ComputerScience</a>
        
      </nav>
      <nav id="sub-nav">
        
        <a id="nav-search-btn" class="nav-icon" title="搜索"></a>
      </nav>
      <div id="search-form-wrap">
        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" results="0" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit">&#xF002;</button><input type="hidden" name="sitesearch" value="http://yoursite.com"></form>
      </div>
    </div>
  </div>
</header>
      <div class="outer">
        <section id="main"><article id="post-learn-how-to-build-your-Blog" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2016/11/17/learn-how-to-build-your-Blog/" class="article-date">
  <time datetime="2016-11-17T12:52:02.000Z" itemprop="datePublished">2016-11-17</time>
</a>
    
  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 class="article-title" itemprop="name">
      learn how to build your Blog
    </h1>
  

      </header>
    
    <div class="article-entry" itemprop="articleBody">
      
        <h3 id="利用hexo和github搭建个人博客网站"><a href="#利用hexo和github搭建个人博客网站" class="headerlink" title="利用hexo和github搭建个人博客网站"></a>利用hexo和github搭建个人博客网站</h3><p>针对window</p>
<p><strong>知识储备前提</strong></p>
<ul>
<li>有github账号</li>
<li>会使用git命令</li>
<li>一定要配置好ssh keys</li>
<li>知道如何创建新的仓库</li>
<li>了解Node.js,npm,以及hexo </li>
</ul>
<p><strong>环境配置</strong></p>
<ul>
<li>git：<a href="https://git-scm.com/download/win" target="_blank" rel="external">https://git-scm.com/download/win</a></li>
<li>node.js：<a href="http://nodejs.cn/" target="_blank" rel="external">http://nodejs.cn/</a></li>
</ul>
<p><strong>针对零基础开发者的知识链接</strong></p>
<ul>
<li>git入门：<br><a href="http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/" target="_blank" rel="external">http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/</a></li>
<li>node.js 中文文档（重要性不大）：<br><a href="http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/" target="_blank" rel="external">http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/</a></li>
</ul>
<p><strong>环境的作用</strong></p>
<ul>
<li>git：<ul>
<li>提交本地的hexo至远程库</li>
<li>做为博客的远程创库，域名，服务器</li>
</ul>
</li>
<li>node： 用于安装hexo</li>
<li>hexo： 基于Node.js的静态框架</li>
</ul>
<p><strong>开始搭建</strong></p>
<ul>
<li><p>安装hexo</p>
<ul>
<li>以管理员的身份运行cmd（十分重要）</li>
<li>输入node以运行node.js</li>
<li><p>输入</p>
<pre><code>npm install hexo -g
</code></pre></li>
<li>安装成功的标志：能在你Node.js路径下（..\nodejs\node_global\node_modules）找到hexo文件夹</li>
<li>增加环境变量<ul>
<li>打开我的电脑属性里的高级系统设置</li>
<li>找到高级里的环境变量</li>
<li>在用户变量里找到变量path并编辑</li>
<li>新建，键入你的hexo中bin的地址（..\nodejs\node_global\node_modules\hexo\bin）</li>
<li>注意，前面的../ 是你储存node.js的地址</li>
</ul>
</li>
</ul>
</li>
<li><p>选择作为你博客的文件夹</p>
<ul>
<li>任意新建或选择一文件夹，名字自取</li>
<li>于文件夹中git（于文件夹中点击鼠标右键的Git Bash Here）</li>
<li><p>初始化hexo框架</p>
<pre><code>hexo init 
</code></pre></li>
<li><p>生成本地静态页面</p>
<pre><code>hexo generate（可简写 hexo g）
</code></pre></li>
<li><p>启动本地服务器预览页面</p>
<pre><code>hexo server （可简写 hexo s）
</code></pre></li>
<li>启动本地浏览：于浏览器输入<a href="localhost:4000" target="_blank" rel="external">localhost:4000 </a>可浏览本地服务器上的内容</li>
</ul>
</li>
</ul>
<p><strong>部署到Github以获得专属域名和镜像服务器</strong></p>
<ul>
<li><p>新建Repository，仓库名必须为 </p>
<pre><code>你的用户名.github.io
</code></pre></li>
<li>用记事本（notepad ++）打开你本地博客文件夹下的 _config.yml</li>
<li>在代码的最后面键入：</li>
</ul>
<pre><code>deploy:
    type: git
    repository: https://github.com/你的用户名/你的用户名.github.io.git
    branch: master
</code></pre><ul>
<li>保存并退出</li>
<li>在管理员的身份下，在你的博客文件夹中以管理员的身份运行Git</li>
<li><p>执行</p>
<pre><code>npm install hexo-deployer-git --save
</code></pre></li>
<li><p>完成！</p>
</li>
<li><p><strong>每次部署更新的步骤</strong></p>
<p>   hexo g -d<br>（生成并上传静态文件）</p>
</li>
</ul>
<p><strong>常用命令</strong></p>
<pre><code>hexo new &apos;文章名字&apos; 
hexo new page &apos;页面名字&apos;
hexo g   //生产静态页面
hexo s   //于localhost中预览
hexo d   //部署到github中
hexo version //查看版本   
</code></pre><p>备注：至此已建立了一个有远程服务器的博客网站，前端框架HEXO，服务器，域名Github。</p>
<p>更多命令学习，主题更改，个性化更改：</p>
<p> <a href="https://hexo.io/zh-cn/" target="_blank" rel="external">   https://hexo.io/zh-cn/</a></p>

      
    </div>
    <footer class="article-footer">
      <a data-url="http://yoursite.com/2016/11/17/learn-how-to-build-your-Blog/" data-id="civq9xcpj0004f0e5htj2w3ng" class="article-share-link">Share</a>
      
      
    </footer>
  </div>
  
    
<nav id="article-nav">
  
    <a href="/2016/11/18/Git的诞生/" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Newer</strong>
      <div class="article-nav-title">
        
          Git的诞生
        
      </div>
    </a>
  
  
    <a href="/2016/11/17/blog-aim/" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Older</strong>
      <div class="article-nav-title">blog aim</div>
    </a>
  
</nav>

  
</article>

</section>
        
          <aside id="sidebar">
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">分类</h3>
    <div class="widget">
      <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/CS/">CS</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/JS/">JS</a></li></ul>
    </div>
  </div>


  
    

  
    
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">归档</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/11/">十一月 2016</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">最新文章</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="/2016/11/20/JavaScript的单线程问题及同步和异步/">JavaScript的单线程问题及同步和异步</a>
          </li>
        
          <li>
            <a href="/2016/11/19/mvc与mvm与mvvm/">mvc与mvm与mvvm</a>
          </li>
        
          <li>
            <a href="/2016/11/19/分类介绍/">分类介绍</a>
          </li>
        
          <li>
            <a href="/2016/11/18/Git的诞生/">Git的诞生</a>
          </li>
        
          <li>
            <a href="/2016/11/17/learn-how-to-build-your-Blog/">learn how to build your Blog</a>
          </li>
        
      </ul>
    </div>
  </div>

  
</aside>
        
      </div>
      <footer id="footer">
  
  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2016 AcerY<br>
      Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer>
    </div>
    <nav id="mobile-nav">
  
    <a href="/" class="mobile-nav-link">主页</a>
  
    <a href="/categories/JS" class="mobile-nav-link">JavaScript</a>
  
    <a href="/categories/CS" class="mobile-nav-link">ComputerScience</a>
  
</nav>
    

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>


  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
  <script src="/fancybox/jquery.fancybox.pack.js"></script>


<script src="/js/script.js"></script>

  </div>
</body>
</html>